<!--
 * @Description: 插件详情弹窗
 * @Author: 黄勇
 * @Date: 2020-03-09 15:36:26
 * @LastEditTime: 2020-04-09 17:21:27
 * @LastEditors: 黄勇
 -->
<template>
    <AppDialog
        :isShowDialog="true"
        width="550px"
        title="服务详情"
        @confirm="$emit('close')"
        @close="$emit('close')"
        :isShowCancelBtn="false"
        class="clean-el-dialog__body"
    >
        <div class="product-detail">

            <div class="product-detail__content">
                <div
                    class="product-detail__left"
                    style="flex: 1;width: 100%;"
                >
                    <div class="product-detail__item">
                        <label class="product-detail__label">产品线:</label>
                        <div class="product-detail__input only-show text-ellipsis">{{detailPlugin.productLineName}}</div>
                    </div>
                    <div class="product-detail__item">
                        <label class="product-detail__label">服务编码:</label>
                        <div class="product-detail__input only-show text-ellipsis">{{detailPlugin.productBasicInfo.id}}</div>
                    </div>
                    <div class="product-detail__item">
                        <label class="product-detail__label">服务类型:</label>
                        <div class="product-detail__input only-show text-ellipsis">{{detailPlugin.levelName1}}</div>
                    </div>
                    <div class="product-detail__item">
                        <label class="product-detail__label">服务名称:</label>
                        <div class="product-detail__input only-show text-ellipsis">{{detailPlugin.productBasicInfo.serviceName}}</div>
                    </div>
                    <div class="product-detail__item">
                        <label class="product-detail__label">服务编码:</label>
                        <div class="product-detail__input only-show text-ellipsis">{{detailPlugin.productBasicInfo.serviceCode}}</div>
                    </div>
                    
                   
                    <div class="product-detail__item">
                        <label class="product-detail__label">配置使用:</label>
                        <div
                            class="product-detail__input only-show text-ellipsis"
                            style="border:none;"
                        >
                            <el-radio
                                disabled
                                v-model="detailPlugin.productBasicInfo.needConfig"
                                label="1"
                            >是</el-radio>
                            <el-radio
                                disabled
                                v-model="detailPlugin.productBasicInfo.needConfig"
                                label="0"
                            >否</el-radio>
                        </div>
                    </div>
                    <div class="product-detail__item">
                        <label class="product-detail__label">服务备注信息:</label>
                        <div
                            class="product-detail__input"
                            style="height: auto;min-height: 40px;"
                        >{{detailPlugin.productBasicInfo.description}}</div>
                    </div>
                </div>

            </div>
        </div>

    </AppDialog>
</template>

<script>
import AppDialog from "@/components/AppCommon/AppDialog";
export default {
    name: "plugin-detail",
    components: {
        AppDialog
    },
    props: {
        detailPlugin: {
            type: Object,
            required: true
        }
    },
    computed: {},
    data: () => ({
        countPlus: "",
        timePlus: ""
    }),
    created() {
        if (
            this.detailPlugin.serviceModeBO &&
            this.detailPlugin.serviceModeBO.type == 3
        ) {
            this.countPlus = this.detailPlugin.serviceModeBO.count;
            this.timePlus = this.detailPlugin.serviceModeBO.time;
        }
    },
    mounted() {},
    watch: {},
    methods: {}
};
</script>

<style lang="scss" scoped src="../../../assets/styles/product/dialog.scss"></style>